<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,
				minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/normalize.css" />
		<link rel="stylesheet" href="css/index.css"/>
		<title>jd</title>
	</head>
	<body>
		<!--百分比布局-->
		<!--顶部-->
		<header class="app">
			<ul>
				<li>
					<img src="images/close.png" alt="" />
				</li>
				<li>
					<img src="images/logo.png" alt="" />
				</li>
				<li>打开京东app,购物更轻松</li>
				<li>立即打开</li>
			</ul>
		</header>
		<!--搜索-->
		<div class="search-wrap">
			<div class="search-btn"></div>
			<div class="search">
				<div class="jd-icon"></div>
				<div class="sou"></div>
			</div>
			<div class="search-login">登录</div>
		</div>
		<!--主体部分-->
		<div class="main-content">
		    <!-- 滑动图 -->
		    <div class="slider">
		        <img src="upload/banner.dpg" alt="">
		    </div>
		    <!--小家电-->
		    <div class="brand">
		    	<div><a href="#"><img src="upload/pic11.dpg" alt="" /></a></div>
		    	<div><a href="#"><img src="upload/pic22.dpg" alt="" /></a></div>
		    	<div><a href="#"><img src="upload/pic33.dpg" alt="" /></a></div>
		    </div>
		    <!--nav 部分-->
		    <nav>
		    	<a href="#">
		    		<img src="upload/nav1.webp"/>
		    		<span>京东超市</span>
		    	</a>
		    	<a href="#">
		    		<img src="upload/nav2.webp"/>
		    		<span>全球购</span>
		    	</a>
		    	<a href="#">
		    		<img src="upload/nav3.webp"/>
		    		<span>充值缴费</span>
		    	</a>
		    	<a href="#">
		    		<img src="upload/nav1.webp"/>
		    		<span>京东超市</span>
		    	</a>
		    	<a href="#">
		    		<img src="upload/nav2.webp"/>
		    		<span>全球购</span>
		    	</a>
		    	<a href="#">
		    		<img src="upload/nav3.webp"/>
		    		<span>充值缴费</span>
		    	</a>
		    	<a href="#">
		    		<img src="upload/nav1.webp"/>
		    		<span>京东超市</span>
		    	</a>
		    	<a href="#">
		    		<img src="upload/nav2.webp"/>
		    		<span>全球购</span>
		    	</a>
		    	<a href="#">
		    		<img src="upload/nav3.webp"/>
		    		<span>充值缴费</span>
		    	</a>
		    	<a href="#">
		    		<img src="upload/nav1.webp"/>
		    		<span>京东超市</span>
		    	</a>
		    </nav>
		    <!--新闻模块-->
		    <div class="news">
		    	<a href="#"><img src="upload/new1.dpg" alt="" /></a>
		    	<a href="#"><img src="upload/new2.dpg" alt="" /></a>
		    	<a href="#"><img src="upload/new3.dpg" alt="" /></a>
		    </div>
		    
		</div>
	</body>
</html>
